import{d as u,a,b as i,l as d,w as s,j as r,bc as L,f as n,k as t,_ as C,r as Z,o as H,e as I,y as A}from"./index.5d516e09.js";import{C as h,T as k,a as m}from"./index.7e5d8815.js";import"./ThemeEditor.d9f0b70d.js";const P=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: 'part-1',
        href: '#part-1',
        title: () => h('span', { style: 'color: red' }, 'Part 1'),
      },
      {
        key: 'part-2',
        href: '#part-2',
        title: 'Part 2',
      },
      {
        key: 'part-3',
        href: '#part-3',
        title: 'Part 3',
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" h "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),z=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: 'part-1',
        href: '#part-1',
        title: () => h('span', { style: 'color: red' }, 'Part 1'),
      },
      {
        key: 'part-2',
        href: '#part-2',
        title: 'Part 2',
      },
      {
        key: 'part-3',
        href: '#part-3',
        title: 'Part 3',
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),W=u({__name:"basic",setup(g){return(o,e)=>{const c=a("a-anchor"),p=a("demo-box");return i(),d(p,{jsfiddle:{us:"The simplest usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>The simplest usage.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u4F7F\u7528","en-US":"Basic Usage"},relativePath:"components/anchor/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOml0ZW1zPSJbCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTEnLAogICAgICAgIGhyZWY6ICcjcGFydC0xJywKICAgICAgICB0aXRsZTogKCkgPT4gaCgnc3BhbicsIHsgc3R5bGU6ICdjb2xvcjogcmVkJyB9LCAnUGFydCAxJyksCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTInLAogICAgICAgIGhyZWY6ICcjcGFydC0yJywKICAgICAgICB0aXRsZTogJ1BhcnQgMicsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTMnLAogICAgICAgIGhyZWY6ICcjcGFydC0zJywKICAgICAgICB0aXRsZTogJ1BhcnQgMycsCiAgICAgIH0sCiAgICBdIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgeyBoIH0gZnJvbSAndnVlJzsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOml0ZW1zPSJbCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTEnLAogICAgICAgIGhyZWY6ICcjcGFydC0xJywKICAgICAgICB0aXRsZTogKCkgPT4gaCgnc3BhbicsIHsgc3R5bGU6ICdjb2xvcjogcmVkJyB9LCAnUGFydCAxJyksCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTInLAogICAgICAgIGhyZWY6ICcjcGFydC0yJywKICAgICAgICB0aXRsZTogJ1BhcnQgMicsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICdwYXJ0LTMnLAogICAgICAgIGhyZWY6ICcjcGFydC0zJywKICAgICAgICB0aXRsZTogJ1BhcnQgMycsCiAgICAgIH0sCiAgICBdIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:s(()=>[r(c,{items:[{key:"part-1",href:"#part-1",title:()=>L("span",{style:"color: red"},"Part 1")},{key:"part-2",href:"#part-2",title:"Part 2"},{key:"part-3",href:"#part-3",title:"Part 3"}]},null,8,["items"])]),htmlCode:s(()=>[P]),jsVersionHtml:s(()=>[z]),_:1},8,["jsfiddle"])}}}),X={},j=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),_=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1);function x(g,o){const e=a("a-anchor"),c=a("demo-box");return i(),d(c,{jsfiddle:{us:"Do not change state when page is scrolling.",cn:"\u4E0D\u6D6E\u52A8\uFF0C\u72B6\u6001\u4E0D\u968F\u9875\u9762\u6EDA\u52A8\u53D8\u5316\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4E0D\u6D6E\u52A8\uFF0C\u72B6\u6001\u4E0D\u968F\u9875\u9762\u6EDA\u52A8\u53D8\u5316\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Do not change state when page is scrolling.</p>
`,order:1,title:{"zh-CN":"\u9759\u6001\u4F4D\u7F6E","en-US":"Static"},relativePath:"components/anchor/demo/static.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICA+PC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICA+PC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4="}},{default:s(()=>[r(e,{affix:!1,items:[{key:"1",href:"#components-anchor-demo-basic",title:"Basic demo"},{key:"2",href:"#components-anchor-demo-static",title:"Static demo"},{key:"3",href:"#api",title:"API",children:[{key:"4",href:"#anchor-props",title:"Anchor Props"},{key:"5",href:"#link-props",title:"Link Props"}]}]})]),htmlCode:s(()=>[j]),jsVersionHtml:s(()=>[_]),_:1},8,["jsfiddle"])}const K=C(X,[["render",x]]),F=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClick"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" AnchorProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"handleClick"),n("span",{class:"token operator"},":"),t(" AnchorProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onClick'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("e"),n("span",{class:"token punctuation"},","),t(" link")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("link"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),Y=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClick"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("e"),n("span",{class:"token punctuation"},","),t(" link")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("link"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),S=u({__name:"onClick",setup(g){const o=(e,c)=>{e.preventDefault(),console.log(c)};return(e,c)=>{const p=a("a-anchor"),l=a("demo-box");return i(),d(l,{jsfiddle:{us:"Clicking on an anchor does not record history.",cn:"\u70B9\u51FB\u951A\u70B9\u4E0D\u8BB0\u5F55\u5386\u53F2\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u70B9\u51FB\u951A\u70B9\u4E0D\u8BB0\u5F55\u5386\u53F2\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Clicking on an anchor does not record history.</p>
`,order:2,title:{"zh-CN":"\u81EA\u5B9A\u4E49 click \u4E8B\u4EF6","en-US":"Customize the click event"},relativePath:"components/anchor/demo/onClick.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICAgIEBjbGljaz0iaGFuZGxlQ2xpY2siCiAgPjwvYS1hbmNob3I+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgppbXBvcnQgdHlwZSB7IEFuY2hvclByb3BzIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwpjb25zdCBoYW5kbGVDbGljazogQW5jaG9yUHJvcHNbJ29uQ2xpY2snXSA9IChlLCBsaW5rKSA9PiB7CiAgZS5wcmV2ZW50RGVmYXVsdCgpOwogIGNvbnNvbGUubG9nKGxpbmspOwp9Owo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICAgIEBjbGljaz0iaGFuZGxlQ2xpY2siCiAgPjwvYS1hbmNob3I+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmNvbnN0IGhhbmRsZUNsaWNrID0gKGUsIGxpbmspID0+IHsKICBlLnByZXZlbnREZWZhdWx0KCk7CiAgY29uc29sZS5sb2cobGluayk7Cn07CmV4cG9ydCB7fTsKPC9zY3JpcHQ+"}},{default:s(()=>[r(p,{affix:!1,items:[{key:"1",href:"#components-anchor-demo-basic",title:"Basic demo"},{key:"2",href:"#components-anchor-demo-static",title:"Static demo"},{key:"3",href:"#api",title:"API",children:[{key:"4",href:"#anchor-props",title:"Anchor Props"},{key:"5",href:"#link-props",title:"Link Props"}]}],onClick:o})]),htmlCode:s(()=>[F]),jsVersionHtml:s(()=>[Y]),_:1},8,["jsfiddle"])}}}),R=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":get-current-anchor"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentAnchor"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getCurrentAnchor"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token string"},"'#components-anchor-demo-static'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),T=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":get-current-anchor"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentAnchor"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getCurrentAnchor"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token string"},"'#components-anchor-demo-static'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),V=u({__name:"customizeHighlight",setup(g){const o=()=>"#components-anchor-demo-static";return(e,c)=>{const p=a("a-anchor"),l=a("demo-box");return i(),d(l,{jsfiddle:{us:"Customize the anchor highlight.",cn:"\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Customize the anchor highlight.</p>
`,order:3,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE","en-US":"Customize the anchor highlight"},relativePath:"components/anchor/demo/customizeHighlight.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDpnZXQtY3VycmVudC1hbmNob3I9ImdldEN1cnJlbnRBbmNob3IiCiAgICA6aXRlbXM9IlsKICAgICAgewogICAgICAgIGtleTogJzEnLAogICAgICAgIGhyZWY6ICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1iYXNpYycsCiAgICAgICAgdGl0bGU6ICdCYXNpYyBkZW1vJywKICAgICAgfSwKICAgICAgewogICAgICAgIGtleTogJzInLAogICAgICAgIGhyZWY6ICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMnLAogICAgICAgIHRpdGxlOiAnU3RhdGljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMycsCiAgICAgICAgaHJlZjogJyNhcGknLAogICAgICAgIHRpdGxlOiAnQVBJJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICBrZXk6ICc0JywKICAgICAgICAgICAgaHJlZjogJyNhbmNob3ItcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0FuY2hvciBQcm9wcycsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBrZXk6ICc1JywKICAgICAgICAgICAgaHJlZjogJyNsaW5rLXByb3BzJywKICAgICAgICAgICAgdGl0bGU6ICdMaW5rIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0iCiAgPjwvYS1hbmNob3I+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiIHNldHVwPgpjb25zdCBnZXRDdXJyZW50QW5jaG9yID0gKCkgPT4gewogIHJldHVybiAnI2NvbXBvbmVudHMtYW5jaG9yLWRlbW8tc3RhdGljJzsKfTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDpnZXQtY3VycmVudC1hbmNob3I9ImdldEN1cnJlbnRBbmNob3IiCiAgICA6aXRlbXM9IlsKICAgICAgewogICAgICAgIGtleTogJzEnLAogICAgICAgIGhyZWY6ICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1iYXNpYycsCiAgICAgICAgdGl0bGU6ICdCYXNpYyBkZW1vJywKICAgICAgfSwKICAgICAgewogICAgICAgIGtleTogJzInLAogICAgICAgIGhyZWY6ICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMnLAogICAgICAgIHRpdGxlOiAnU3RhdGljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMycsCiAgICAgICAgaHJlZjogJyNhcGknLAogICAgICAgIHRpdGxlOiAnQVBJJywKICAgICAgICBjaGlsZHJlbjogWwogICAgICAgICAgewogICAgICAgICAgICBrZXk6ICc0JywKICAgICAgICAgICAgaHJlZjogJyNhbmNob3ItcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0FuY2hvciBQcm9wcycsCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBrZXk6ICc1JywKICAgICAgICAgICAgaHJlZjogJyNsaW5rLXByb3BzJywKICAgICAgICAgICAgdGl0bGU6ICdMaW5rIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgXSwKICAgICAgfSwKICAgIF0iCiAgPjwvYS1hbmNob3I+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmNvbnN0IGdldEN1cnJlbnRBbmNob3IgPSAoKSA9PiB7CiAgcmV0dXJuICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMnOwp9Owo8L3NjcmlwdD4="}},{default:s(()=>[r(p,{affix:!1,"get-current-anchor":o,items:[{key:"1",href:"#components-anchor-demo-basic",title:"Basic demo"},{key:"2",href:"#components-anchor-demo-static",title:"Static demo"},{key:"3",href:"#api",title:"API",children:[{key:"4",href:"#anchor-props",title:"Anchor Props"},{key:"5",href:"#link-props",title:"Link Props"}]}]})]),htmlCode:s(()=>[R]),jsVersionHtml:s(()=>[T]),_:1},8,["jsfiddle"])}}}),N=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":target-offset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetOffset"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" targetOffset "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number "),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  targetOffset`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" window"),n("span",{class:"token punctuation"},"."),t("innerHeight "),n("span",{class:"token operator"},"/"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),O=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":target-offset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetOffset"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" targetOffset "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  targetOffset`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" window"),n("span",{class:"token punctuation"},"."),t("innerHeight "),n("span",{class:"token operator"},"/"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),U=u({__name:"targetOffset",setup(g){const o=Z(void 0);return H(()=>{o.value=window.innerHeight/2}),(e,c)=>{const p=a("a-anchor"),l=a("demo-box");return i(),d(l,{jsfiddle:{us:"Anchor target scroll to screen center.",cn:"\u951A\u70B9\u76EE\u6807\u6EDA\u52A8\u5230\u5C4F\u5E55\u6B63\u4E2D\u95F4\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u951A\u70B9\u76EE\u6807\u6EDA\u52A8\u5230\u5C4F\u5E55\u6B63\u4E2D\u95F4\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Anchor target scroll to screen center.</p>
`,order:4,title:{"zh-CN":"\u8BBE\u7F6E\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF","en-US":"Set Anchor scroll offset"},relativePath:"components/anchor/demo/targetOffset.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOnRhcmdldC1vZmZzZXQ9InRhcmdldE9mZnNldCIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICA+PC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyIgc2V0dXA+CmltcG9ydCB7IG9uTW91bnRlZCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgdGFyZ2V0T2Zmc2V0ID0gcmVmPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTsKb25Nb3VudGVkKCgpID0+IHsKICB0YXJnZXRPZmZzZXQudmFsdWUgPSB3aW5kb3cuaW5uZXJIZWlnaHQgLyAyOwp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOnRhcmdldC1vZmZzZXQ9InRhcmdldE9mZnNldCIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICA+PC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgb25Nb3VudGVkLCByZWYgfSBmcm9tICd2dWUnOwpjb25zdCB0YXJnZXRPZmZzZXQgPSByZWYodW5kZWZpbmVkKTsKb25Nb3VudGVkKCgpID0+IHsKICB0YXJnZXRPZmZzZXQudmFsdWUgPSB3aW5kb3cuaW5uZXJIZWlnaHQgLyAyOwp9KTsKPC9zY3JpcHQ+"}},{default:s(()=>[r(p,{"target-offset":o.value,items:[{key:"1",href:"#components-anchor-demo-basic",title:"Basic demo"},{key:"2",href:"#components-anchor-demo-static",title:"Static demo"},{key:"3",href:"#api",title:"API",children:[{key:"4",href:"#anchor-props",title:"Anchor Props"},{key:"5",href:"#link-props",title:"Link Props"}]}]},null,8,["target-offset"])]),htmlCode:s(()=>[N]),jsVersionHtml:s(()=>[O]),_:1},8,["jsfiddle"])}}}),D=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"link"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Anchor:OnChange'"),n("span",{class:"token punctuation"},","),t(" link"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),M=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
    `),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
      {
        key: '1',
        href: '#components-anchor-demo-basic',
        title: 'Basic demo',
      },
      {
        key: '2',
        href: '#components-anchor-demo-static',
        title: 'Static demo',
      },
      {
        key: '3',
        href: '#api',
        title: 'API',
        children: [
          {
            key: '4',
            href: '#anchor-props',
            title: 'Anchor Props',
          },
          {
            key: '5',
            href: '#link-props',
            title: 'Link Props',
          },
        ],
      },
    ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"link"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Anchor:OnChange'"),n("span",{class:"token punctuation"},","),t(" link"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),Q=u({__name:"onChange",setup(g){const o=e=>{console.log("Anchor:OnChange",e)};return(e,c)=>{const p=a("a-anchor"),l=a("demo-box");return i(),d(l,{jsfiddle:{us:"Listening for anchor link change.",cn:"\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Listening for anchor link change.</p>
`,order:5,title:{"zh-CN":"\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8","en-US":"Listening for anchor link change"},relativePath:"components/anchor/demo/onChange.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogID48L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIiBzZXR1cD4KY29uc3Qgb25DaGFuZ2UgPSAobGluazogc3RyaW5nKSA9PiB7CiAgY29uc29sZS5sb2coJ0FuY2hvcjpPbkNoYW5nZScsIGxpbmspOwp9Owo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcgogICAgOmFmZml4PSJmYWxzZSIKICAgIDppdGVtcz0iWwogICAgICB7CiAgICAgICAga2V5OiAnMScsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljJywKICAgICAgICB0aXRsZTogJ0Jhc2ljIGRlbW8nLAogICAgICB9LAogICAgICB7CiAgICAgICAga2V5OiAnMicsCiAgICAgICAgaHJlZjogJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYycsCiAgICAgICAgdGl0bGU6ICdTdGF0aWMgZGVtbycsCiAgICAgIH0sCiAgICAgIHsKICAgICAgICBrZXk6ICczJywKICAgICAgICBocmVmOiAnI2FwaScsCiAgICAgICAgdGl0bGU6ICdBUEknLAogICAgICAgIGNoaWxkcmVuOiBbCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzQnLAogICAgICAgICAgICBocmVmOiAnI2FuY2hvci1wcm9wcycsCiAgICAgICAgICAgIHRpdGxlOiAnQW5jaG9yIFByb3BzJywKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIGtleTogJzUnLAogICAgICAgICAgICBocmVmOiAnI2xpbmstcHJvcHMnLAogICAgICAgICAgICB0aXRsZTogJ0xpbmsgUHJvcHMnLAogICAgICAgICAgfSwKICAgICAgICBdLAogICAgICB9LAogICAgXSIKICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogID48L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0Pgpjb25zdCBvbkNoYW5nZSA9IGxpbmsgPT4gewogIGNvbnNvbGUubG9nKCdBbmNob3I6T25DaGFuZ2UnLCBsaW5rKTsKfTsKPC9zY3JpcHQ+"}},{default:s(()=>[r(p,{affix:!1,items:[{key:"1",href:"#components-anchor-demo-basic",title:"Basic demo"},{key:"2",href:"#components-anchor-demo-static",title:"Static demo"},{key:"3",href:"#api",title:"API",children:[{key:"4",href:"#anchor-props",title:"Anchor Props"},{key:"5",href:"#link-props",title:"Link Props"}]}],onChange:o})]),htmlCode:s(()=>[D]),jsVersionHtml:s(()=>[M]),_:1},8,["jsfiddle"])}}}),E={},q={style:{"{\n        padding":"'20px'"}},$=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
       {
        padding: `),n("span",{class:"token punctuation"},"'"),t("20px"),n("span",{class:"token punctuation"},"'"),t(`;
      }
    `),n("span",{class:"token punctuation"},'"')])]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
      `),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("horizontal"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
        {
          key: 'horizontally-part-1',
          href: '#horizontally-part-1',
          title: 'Part 1',
        },
        {
          key: 'horizontally-part-2',
          href: '#horizontally-part-2',
          title: 'Part 2',
        },
        {
          key: 'horizontally-part-3',
          href: '#horizontally-part-3',
          title: 'Part 3',
        },
        {
          key: 'horizontally-part-4',
          href: '#horizontally-part-4',
          title: 'Part 4',
        },
        {
          key: 'horizontally-part-5',
          href: '#horizontally-part-5',
          title: 'Part 5',
        },
        {
          key: 'horizontally-part-6',
          href: '#horizontally-part-6',
          title: 'Part 6',
        },
      ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),nn=n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
       {
        padding: `),n("span",{class:"token punctuation"},"'"),t("20px"),n("span",{class:"token punctuation"},"'"),t(`;
      }
    `),n("span",{class:"token punctuation"},'"')])]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor")]),t(`
      `),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("horizontal"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":items"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`[
        {
          key: 'horizontally-part-1',
          href: '#horizontally-part-1',
          title: 'Part 1',
        },
        {
          key: 'horizontally-part-2',
          href: '#horizontally-part-2',
          title: 'Part 2',
        },
        {
          key: 'horizontally-part-3',
          href: '#horizontally-part-3',
          title: 'Part 3',
        },
        {
          key: 'horizontally-part-4',
          href: '#horizontally-part-4',
          title: 'Part 4',
        },
        {
          key: 'horizontally-part-5',
          href: '#horizontally-part-5',
          title: 'Part 5',
        },
        {
          key: 'horizontally-part-6',
          href: '#horizontally-part-6',
          title: 'Part 6',
        },
      ]`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1);function tn(g,o){const e=a("a-anchor"),c=a("demo-box");return i(),d(c,{jsfiddle:{us:"Horizontally aligned anchors",cn:"\u6A2A\u5411 Anchor\u3002",docHtml:`<h2 id="zh-cn">zh-CN <a class="header-anchor" href="#zh-cn">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6A2A\u5411 Anchor\u3002</p>
<h2 id="en-us">en-US <a class="header-anchor" href="#en-us">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Horizontally aligned anchors</p>
`,order:1,title:{"zh-CN":"\u6A2A\u5411 Anchor\u3002","en-US":"Horizontally aligned anchors"},relativePath:"components/anchor/demo/horizontal.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYKICAgIHN0eWxlPSIKICAgICAgIHsKICAgICAgICBwYWRkaW5nOiAnMjBweCc7CiAgICAgIH0KICAgICIKICA+CiAgICA8YS1hbmNob3IKICAgICAgZGlyZWN0aW9uPSJob3Jpem9udGFsIgogICAgICA6aXRlbXM9IlsKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0xJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMScsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMScsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0yJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMicsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMicsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0zJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMycsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMycsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC00JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNCcsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNCcsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC01JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNScsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNScsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC02JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNicsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNicsCiAgICAgICAgfSwKICAgICAgXSIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYKICAgIHN0eWxlPSIKICAgICAgIHsKICAgICAgICBwYWRkaW5nOiAnMjBweCc7CiAgICAgIH0KICAgICIKICA+CiAgICA8YS1hbmNob3IKICAgICAgZGlyZWN0aW9uPSJob3Jpem9udGFsIgogICAgICA6aXRlbXM9IlsKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0xJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMScsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMScsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0yJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMicsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMicsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC0zJywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtMycsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgMycsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC00JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNCcsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNCcsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC01JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNScsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNScsCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICBrZXk6ICdob3Jpem9udGFsbHktcGFydC02JywKICAgICAgICAgIGhyZWY6ICcjaG9yaXpvbnRhbGx5LXBhcnQtNicsCiAgICAgICAgICB0aXRsZTogJ1BhcnQgNicsCiAgICAgICAgfSwKICAgICAgXSIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:s(()=>[n("div",q,[r(e,{direction:"horizontal",items:[{key:"horizontally-part-1",href:"#horizontally-part-1",title:"Part 1"},{key:"horizontally-part-2",href:"#horizontally-part-2",title:"Part 2"},{key:"horizontally-part-3",href:"#horizontally-part-3",title:"Part 3"},{key:"horizontally-part-4",href:"#horizontally-part-4",title:"Part 4"},{key:"horizontally-part-5",href:"#horizontally-part-5",title:"Part 5"},{key:"horizontally-part-6",href:"#horizontally-part-6",title:"Part 6"}]})])]),htmlCode:s(()=>[$]),jsVersionHtml:s(()=>[nn]),_:1},8,["jsfiddle"])}const an=C(E,[["render",tn]]),sn={components:{ColorChunk:h,TokenTable:k,ComponentTokenTable:m},pageData:{title:"Anchor",description:"",frontmatter:{category:"Components",subtitle:"\u951A\u70B9",cols:1,type:"\u5BFC\u822A\u63A7\u4EF6",title:"Anchor",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002"},{level:2,title:"API",slug:"api",content:"Anchor Props"},{level:3,title:"Anchor Props",slug:"anchor-props",content:""},{level:3,title:"AnchorItem",slug:"anchoritem",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Link Props",slug:"link-props",content:""}],relativePath:"components/anchor/index.zh-CN.md",content:`\r
\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002\r
\r
## \u4F55\u65F6\u4F7F\u7528\r
\r
\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002\r
\r
## API\r
\r
### Anchor Props\r
\r
| \u6210\u5458 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |\r
| --- | --- | --- | --- | --- |\r
| affix | \u56FA\u5B9A\u6A21\u5F0F | boolean | true |  |\r
| bounds | \u951A\u70B9\u533A\u57DF\u8FB9\u754C | number | 5(px) |  |\r
| getContainer | \u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668 | () =&gt; HTMLElement | () =&gt; window |  |\r
| getCurrentAnchor | \u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9 | (activeLink: string) =&gt; string | - | activeLink(3.3) |\r
| offsetBottom | \u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1 | number |  |  |\r
| offsetTop | \u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1 | number |  |  |\r
| showInkInFixed | \`:affix=&quot;false&quot;\` \u65F6\u662F\u5426\u663E\u793A\u5C0F\u65B9\u5757 | boolean | false |  |\r
| targetOffset | \u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C[\u4F8B\u5B50](#components-anchor-demo-targetoffset) | number | \`offsetTop\` | 1.5.0 |\r
| wrapperClass | \u5BB9\u5668\u7684\u7C7B\u540D | string | - |  |\r
| wrapperStyle | \u5BB9\u5668\u6837\u5F0F | object | - |  |\r
| items | \u6570\u636E\u5316\u914D\u7F6E\u9009\u9879\u5185\u5BB9\uFF0C\u652F\u6301\u901A\u8FC7 children \u5D4C\u5957 | { key, href, title, target, children }\\[] [\u5177\u4F53\u89C1](#anchoritem) | - | 4.0 |\r
| direction | \u8BBE\u7F6E\u5BFC\u822A\u65B9\u5411 | \`vertical\` \\| \`horizontal\` | \`vertical\` | 4.0 |\r
| customTitle | \u4F7F\u7528\u63D2\u69FD\u81EA\u5B9A\u4E49\u9009\u9879 title | v-slot=&quot;AnchorItem&quot; | - | 4.0 |\r
\r
### AnchorItem\r
\r
| \u6210\u5458 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |\r
| --- | --- | --- | --- | --- |\r
| key | \u552F\u4E00\u6807\u5FD7 | string \\| number | - |  |\r
| href | \u951A\u70B9\u94FE\u63A5 | string | - |  |\r
| target | \u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90 | string | - |  |\r
| title | \u6587\u5B57\u5185\u5BB9 | VueNode \\| (item: AnchorItem) =&gt; VueNode | - |  |\r
| children | \u5D4C\u5957\u7684 Anchor Link\uFF0C\`\u6CE8\u610F\uFF1A\u6C34\u5E73\u65B9\u5411\u8BE5\u5C5E\u6027\u4E0D\u652F\u6301\` | [AnchorItem](#anchoritem)\\[] | - |  |\r
\r
### \u4E8B\u4EF6\r
\r
| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E                   | \u56DE\u8C03\u53C2\u6570                              | \u7248\u672C |       |\r
| -------- | ---------------------- | ------------------------------------- | ---- | ----- |\r
| change   | \u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8       | (currentActiveLink: string) =&gt; void   |      | 1.5.0 |\r
| click    | \`click\` \u4E8B\u4EF6\u7684 handler | Function(e: MouseEvent, link: Object) |      |       |\r
\r
### Link Props\r
\r
| \u6210\u5458   | \u8BF4\u660E                             | \u7C7B\u578B         | \u9ED8\u8BA4\u503C | \u7248\u672C  |\r
| ------ | -------------------------------- | ------------ | ------ | ----- |\r
| href   | \u951A\u70B9\u94FE\u63A5                         | string       |        |       |\r
| target | \u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002 | string       |        | 1.5.0 |\r
| title  | \u6587\u5B57\u5185\u5BB9                         | string\\|slot |        |       |\r
`,html:`<p>\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002</p>
<h2 id="api">API <a class="header-anchor" href="#api">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="anchor-props">Anchor Props <a class="header-anchor" href="#anchor-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u6210\u5458</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>affix</td>
<td>\u56FA\u5B9A\u6A21\u5F0F</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>bounds</td>
<td>\u951A\u70B9\u533A\u57DF\u8FB9\u754C</td>
<td>number</td>
<td>5(px)</td>
<td></td>
</tr>
<tr>
<td>getContainer</td>
<td>\u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668</td>
<td>() =&gt; HTMLElement</td>
<td>() =&gt; window</td>
<td></td>
</tr>
<tr>
<td>getCurrentAnchor</td>
<td>\u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9</td>
<td>(activeLink: string) =&gt; string</td>
<td>-</td>
<td>activeLink(3.3)</td>
</tr>
<tr>
<td>offsetBottom</td>
<td>\u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td>
<td>number</td>
<td></td>
<td></td>
</tr>
<tr>
<td>offsetTop</td>
<td>\u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td>
<td>number</td>
<td></td>
<td></td>
</tr>
<tr>
<td>showInkInFixed</td>
<td><code>:affix=&quot;false&quot;</code> \u65F6\u662F\u5426\u663E\u793A\u5C0F\u65B9\u5757</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>targetOffset</td>
<td>\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C<a href="#components-anchor-demo-targetoffset">\u4F8B\u5B50</a></td>
<td>number</td>
<td><code>offsetTop</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>wrapperClass</td>
<td>\u5BB9\u5668\u7684\u7C7B\u540D</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>wrapperStyle</td>
<td>\u5BB9\u5668\u6837\u5F0F</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>items</td>
<td>\u6570\u636E\u5316\u914D\u7F6E\u9009\u9879\u5185\u5BB9\uFF0C\u652F\u6301\u901A\u8FC7 children \u5D4C\u5957</td>
<td>{ key, href, title, target, children }[] <a href="#anchoritem">\u5177\u4F53\u89C1</a></td>
<td>-</td>
<td>4.0</td>
</tr>
<tr>
<td>direction</td>
<td>\u8BBE\u7F6E\u5BFC\u822A\u65B9\u5411</td>
<td><code>vertical</code> | <code>horizontal</code></td>
<td><code>vertical</code></td>
<td>4.0</td>
</tr>
<tr>
<td>customTitle</td>
<td>\u4F7F\u7528\u63D2\u69FD\u81EA\u5B9A\u4E49\u9009\u9879 title</td>
<td>v-slot=&quot;AnchorItem&quot;</td>
<td>-</td>
<td>4.0</td>
</tr>
</tbody>
</table>
<h3 id="anchoritem">AnchorItem <a class="header-anchor" href="#anchoritem">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u6210\u5458</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>key</td>
<td>\u552F\u4E00\u6807\u5FD7</td>
<td>string | number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>href</td>
<td>\u951A\u70B9\u94FE\u63A5</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u6587\u5B57\u5185\u5BB9</td>
<td>VueNode | (item: AnchorItem) =&gt; VueNode</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>children</td>
<td>\u5D4C\u5957\u7684 Anchor Link\uFF0C<code>\u6CE8\u610F\uFF1A\u6C34\u5E73\u65B9\u5411\u8BE5\u5C5E\u6027\u4E0D\u652F\u6301</code></td>
<td><a href="#anchoritem">AnchorItem</a>[]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
<th>\u7248\u672C</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8</td>
<td>(currentActiveLink: string) =&gt; void</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>click</td>
<td><code>click</code> \u4E8B\u4EF6\u7684 handler</td>
<td>Function(e: MouseEvent, link: Object)</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="link-props">Link Props <a class="header-anchor" href="#link-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u6210\u5458</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>href</td>
<td>\u951A\u70B9\u94FE\u63A5</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002</td>
<td>string</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>title</td>
<td>\u6587\u5B57\u5185\u5BB9</td>
<td>string|slot</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1695231811121}},en={class:"markdown"},on=A('<p>\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002</p><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="anchor-props">Anchor Props <a class="header-anchor" href="#anchor-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>affix</td><td>\u56FA\u5B9A\u6A21\u5F0F</td><td>boolean</td><td>true</td><td></td></tr><tr><td>bounds</td><td>\u951A\u70B9\u533A\u57DF\u8FB9\u754C</td><td>number</td><td>5(px)</td><td></td></tr><tr><td>getContainer</td><td>\u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668</td><td>() =&gt; HTMLElement</td><td>() =&gt; window</td><td></td></tr><tr><td>getCurrentAnchor</td><td>\u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9</td><td>(activeLink: string) =&gt; string</td><td>-</td><td>activeLink(3.3)</td></tr><tr><td>offsetBottom</td><td>\u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td><td>number</td><td></td><td></td></tr><tr><td>offsetTop</td><td>\u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td><td>number</td><td></td><td></td></tr><tr><td>showInkInFixed</td><td><code>:affix=&quot;false&quot;</code> \u65F6\u662F\u5426\u663E\u793A\u5C0F\u65B9\u5757</td><td>boolean</td><td>false</td><td></td></tr><tr><td>targetOffset</td><td>\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C<a href="#components-anchor-demo-targetoffset">\u4F8B\u5B50</a></td><td>number</td><td><code>offsetTop</code></td><td>1.5.0</td></tr><tr><td>wrapperClass</td><td>\u5BB9\u5668\u7684\u7C7B\u540D</td><td>string</td><td>-</td><td></td></tr><tr><td>wrapperStyle</td><td>\u5BB9\u5668\u6837\u5F0F</td><td>object</td><td>-</td><td></td></tr><tr><td>items</td><td>\u6570\u636E\u5316\u914D\u7F6E\u9009\u9879\u5185\u5BB9\uFF0C\u652F\u6301\u901A\u8FC7 children \u5D4C\u5957</td><td>{ key, href, title, target, children }[] <a href="#anchoritem">\u5177\u4F53\u89C1</a></td><td>-</td><td>4.0</td></tr><tr><td>direction</td><td>\u8BBE\u7F6E\u5BFC\u822A\u65B9\u5411</td><td><code>vertical</code> | <code>horizontal</code></td><td><code>vertical</code></td><td>4.0</td></tr><tr><td>customTitle</td><td>\u4F7F\u7528\u63D2\u69FD\u81EA\u5B9A\u4E49\u9009\u9879 title</td><td>v-slot=&quot;AnchorItem&quot;</td><td>-</td><td>4.0</td></tr></tbody></table><h3 id="anchoritem">AnchorItem <a class="header-anchor" href="#anchoritem"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>key</td><td>\u552F\u4E00\u6807\u5FD7</td><td>string | number</td><td>-</td><td></td></tr><tr><td>href</td><td>\u951A\u70B9\u94FE\u63A5</td><td>string</td><td>-</td><td></td></tr><tr><td>target</td><td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90</td><td>string</td><td>-</td><td></td></tr><tr><td>title</td><td>\u6587\u5B57\u5185\u5BB9</td><td>VueNode | (item: AnchorItem) =&gt; VueNode</td><td>-</td><td></td></tr><tr><td>children</td><td>\u5D4C\u5957\u7684 Anchor Link\uFF0C<code>\u6CE8\u610F\uFF1A\u6C34\u5E73\u65B9\u5411\u8BE5\u5C5E\u6027\u4E0D\u652F\u6301</code></td><td><a href="#anchoritem">AnchorItem</a>[]</td><td>-</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th><th></th></tr></thead><tbody><tr><td>change</td><td>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8</td><td>(currentActiveLink: string) =&gt; void</td><td></td><td>1.5.0</td></tr><tr><td>click</td><td><code>click</code> \u4E8B\u4EF6\u7684 handler</td><td>Function(e: MouseEvent, link: Object)</td><td></td><td></td></tr></tbody></table><h3 id="link-props">Link Props <a class="header-anchor" href="#link-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>href</td><td>\u951A\u70B9\u94FE\u63A5</td><td>string</td><td></td><td></td></tr><tr><td>target</td><td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002</td><td>string</td><td></td><td>1.5.0</td></tr><tr><td>title</td><td>\u6587\u5B57\u5185\u5BB9</td><td>string|slot</td><td></td><td></td></tr></tbody></table>',12),cn=[on];function rn(g,o,e,c,p,l){return i(),I("article",en,cn)}const pn=C(sn,[["render",rn]]),ln={components:{ColorChunk:h,TokenTable:k,ComponentTokenTable:m},pageData:{title:"Anchor",description:"",frontmatter:{category:"Components",type:"Navigation",cols:1,title:"Anchor",cover:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original",coverDark:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"For displaying anchor hyperlinks on page and jumping between them."},{level:2,title:"API",slug:"api",content:"Anchor Props"},{level:3,title:"Anchor Props",slug:"anchor-props",content:""},{level:3,title:"AnchorItem",slug:"anchoritem",content:""},{level:3,title:"Events",slug:"events",content:""},{level:3,title:"Link Props",slug:"link-props",content:""}],relativePath:"components/anchor/index.en-US.md",content:`\r
Hyperlinks to scroll on one page.\r
\r
## When To Use\r
\r
For displaying anchor hyperlinks on page and jumping between them.\r
\r
## API\r
\r
### Anchor Props\r
\r
| Property | Description | Type | Default | Version |\r
| --- | --- | --- | --- | --- |\r
| affix | Fixed mode of Anchor | boolean | true |  |\r
| bounds | Bounding distance of anchor area | number | 5(px) |  |\r
| getContainer | Scrolling container | () =&gt; HTMLElement | () =&gt; window |  |\r
| getCurrentAnchor | Customize the anchor highlight | (activeLink: string) =&gt; string | - | activeLink(3.3) |\r
| offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - |  |\r
| offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 |  |\r
| showInkInFixed | Whether show ink-square when \`\uFF1Aaffix=&quot;false&quot;\` | boolean | false |  |\r
| targetOffset | Anchor scroll offset, default as \`offsetTop\`, [example](#components-anchor-demo-targetoffset) | number | \`offsetTop\` | 1.5.0 |\r
| wrapperClass | The class name of the container | string | - |  |\r
| wrapperStyle | The style of the container | object | - |  |\r
| items | Data configuration option content, support nesting through children | { key, href, title, target, children }\\[] [see](#anchoritem) | - | 4.0 |\r
| direction | Set Anchor direction | \`vertical\` \\| \`horizontal\` | \`vertical\` | 4.0 |\r
| customTitle | custom option title by slot | v-slot=&quot;AnchorItem&quot; | - | 4.0 |\r
\r
### AnchorItem\r
\r
| Property | Description | Type | Default | Version |\r
| --- | --- | --- | --- | --- |\r
| key | The unique identifier of the Anchor Link | string \\| number | - |  |\r
| href | The target of hyperlink | string |  |  |\r
| target | Specifies where to display the linked URL | string |  |  |\r
| title | The content of hyperlink | VueNode \\| (item: AnchorItem) =&gt; VueNode |  |  |\r
| children | Nested Anchor Link, \`Attention: This attribute does not support horizontal orientation\` | [AnchorItem](#anchoritem)\\[] | - |  |\r
\r
### Events\r
\r
| Events Name | Description | Arguments | Version |  |\r
| --- | --- | --- | --- | --- |\r
| change | Listening for anchor link change | (currentActiveLink: string) =&gt; void |  | 1.5.0 |\r
| click | set the handler to handle \`click\` event | Function(e: MouseEvent, link: Object) |  |  |\r
\r
### Link Props\r
\r
| Property | Description                               | Type         | Default | Version |\r
| -------- | ----------------------------------------- | ------------ | ------- | ------- |\r
| href     | target of hyperlink                       | string       |         |         |\r
| target   | Specifies where to display the linked URL | string       |         | 1.5.0   |\r
| title    | content of hyperlink                      | string\\|slot |         |         |\r
`,html:`<p>Hyperlinks to scroll on one page.</p>
<h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>For displaying anchor hyperlinks on page and jumping between them.</p>
<h2 id="api">API <a class="header-anchor" href="#api">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="anchor-props">Anchor Props <a class="header-anchor" href="#anchor-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>affix</td>
<td>Fixed mode of Anchor</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>bounds</td>
<td>Bounding distance of anchor area</td>
<td>number</td>
<td>5(px)</td>
<td></td>
</tr>
<tr>
<td>getContainer</td>
<td>Scrolling container</td>
<td>() =&gt; HTMLElement</td>
<td>() =&gt; window</td>
<td></td>
</tr>
<tr>
<td>getCurrentAnchor</td>
<td>Customize the anchor highlight</td>
<td>(activeLink: string) =&gt; string</td>
<td>-</td>
<td>activeLink(3.3)</td>
</tr>
<tr>
<td>offsetBottom</td>
<td>Pixels to offset from bottom when calculating position of scroll</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>offsetTop</td>
<td>Pixels to offset from top when calculating position of scroll</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>showInkInFixed</td>
<td>Whether show ink-square when <code>\uFF1Aaffix=&quot;false&quot;</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>targetOffset</td>
<td>Anchor scroll offset, default as <code>offsetTop</code>, <a href="#components-anchor-demo-targetoffset">example</a></td>
<td>number</td>
<td><code>offsetTop</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>wrapperClass</td>
<td>The class name of the container</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>wrapperStyle</td>
<td>The style of the container</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>items</td>
<td>Data configuration option content, support nesting through children</td>
<td>{ key, href, title, target, children }[] <a href="#anchoritem">see</a></td>
<td>-</td>
<td>4.0</td>
</tr>
<tr>
<td>direction</td>
<td>Set Anchor direction</td>
<td><code>vertical</code> | <code>horizontal</code></td>
<td><code>vertical</code></td>
<td>4.0</td>
</tr>
<tr>
<td>customTitle</td>
<td>custom option title by slot</td>
<td>v-slot=&quot;AnchorItem&quot;</td>
<td>-</td>
<td>4.0</td>
</tr>
</tbody>
</table>
<h3 id="anchoritem">AnchorItem <a class="header-anchor" href="#anchoritem">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>key</td>
<td>The unique identifier of the Anchor Link</td>
<td>string | number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>href</td>
<td>The target of hyperlink</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>Specifies where to display the linked URL</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>The content of hyperlink</td>
<td>VueNode | (item: AnchorItem) =&gt; VueNode</td>
<td></td>
<td></td>
</tr>
<tr>
<td>children</td>
<td>Nested Anchor Link, <code>Attention: This attribute does not support horizontal orientation</code></td>
<td><a href="#anchoritem">AnchorItem</a>[]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">Events <a class="header-anchor" href="#events">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>Listening for anchor link change</td>
<td>(currentActiveLink: string) =&gt; void</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>click</td>
<td>set the handler to handle <code>click</code> event</td>
<td>Function(e: MouseEvent, link: Object)</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="link-props">Link Props <a class="header-anchor" href="#link-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>href</td>
<td>target of hyperlink</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>Specifies where to display the linked URL</td>
<td>string</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>title</td>
<td>content of hyperlink</td>
<td>string|slot</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1694623636420}},gn={class:"markdown"},dn=A('<p>Hyperlinks to scroll on one page.</p><h2 id="when-to-use">When To Use <a class="header-anchor" href="#when-to-use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>For displaying anchor hyperlinks on page and jumping between them.</p><h2 id="api">API <a class="header-anchor" href="#api"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="anchor-props">Anchor Props <a class="header-anchor" href="#anchor-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>affix</td><td>Fixed mode of Anchor</td><td>boolean</td><td>true</td><td></td></tr><tr><td>bounds</td><td>Bounding distance of anchor area</td><td>number</td><td>5(px)</td><td></td></tr><tr><td>getContainer</td><td>Scrolling container</td><td>() =&gt; HTMLElement</td><td>() =&gt; window</td><td></td></tr><tr><td>getCurrentAnchor</td><td>Customize the anchor highlight</td><td>(activeLink: string) =&gt; string</td><td>-</td><td>activeLink(3.3)</td></tr><tr><td>offsetBottom</td><td>Pixels to offset from bottom when calculating position of scroll</td><td>number</td><td>-</td><td></td></tr><tr><td>offsetTop</td><td>Pixels to offset from top when calculating position of scroll</td><td>number</td><td>0</td><td></td></tr><tr><td>showInkInFixed</td><td>Whether show ink-square when <code>\uFF1Aaffix=&quot;false&quot;</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>targetOffset</td><td>Anchor scroll offset, default as <code>offsetTop</code>, <a href="#components-anchor-demo-targetoffset">example</a></td><td>number</td><td><code>offsetTop</code></td><td>1.5.0</td></tr><tr><td>wrapperClass</td><td>The class name of the container</td><td>string</td><td>-</td><td></td></tr><tr><td>wrapperStyle</td><td>The style of the container</td><td>object</td><td>-</td><td></td></tr><tr><td>items</td><td>Data configuration option content, support nesting through children</td><td>{ key, href, title, target, children }[] <a href="#anchoritem">see</a></td><td>-</td><td>4.0</td></tr><tr><td>direction</td><td>Set Anchor direction</td><td><code>vertical</code> | <code>horizontal</code></td><td><code>vertical</code></td><td>4.0</td></tr><tr><td>customTitle</td><td>custom option title by slot</td><td>v-slot=&quot;AnchorItem&quot;</td><td>-</td><td>4.0</td></tr></tbody></table><h3 id="anchoritem">AnchorItem <a class="header-anchor" href="#anchoritem"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>key</td><td>The unique identifier of the Anchor Link</td><td>string | number</td><td>-</td><td></td></tr><tr><td>href</td><td>The target of hyperlink</td><td>string</td><td></td><td></td></tr><tr><td>target</td><td>Specifies where to display the linked URL</td><td>string</td><td></td><td></td></tr><tr><td>title</td><td>The content of hyperlink</td><td>VueNode | (item: AnchorItem) =&gt; VueNode</td><td></td><td></td></tr><tr><td>children</td><td>Nested Anchor Link, <code>Attention: This attribute does not support horizontal orientation</code></td><td><a href="#anchoritem">AnchorItem</a>[]</td><td>-</td><td></td></tr></tbody></table><h3 id="events">Events <a class="header-anchor" href="#events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th><th></th></tr></thead><tbody><tr><td>change</td><td>Listening for anchor link change</td><td>(currentActiveLink: string) =&gt; void</td><td></td><td>1.5.0</td></tr><tr><td>click</td><td>set the handler to handle <code>click</code> event</td><td>Function(e: MouseEvent, link: Object)</td><td></td><td></td></tr></tbody></table><h3 id="link-props">Link Props <a class="header-anchor" href="#link-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>href</td><td>target of hyperlink</td><td>string</td><td></td><td></td></tr><tr><td>target</td><td>Specifies where to display the linked URL</td><td>string</td><td></td><td>1.5.0</td></tr><tr><td>title</td><td>content of hyperlink</td><td>string|slot</td><td></td><td></td></tr></tbody></table>',12),un=[dn];function Cn(g,o,e,c,p,l){return i(),I("article",gn,un)}const In=C(ln,[["render",Cn]]),An=u({CN:pn,US:In,components:{Basic:W,Static:K,OnClick:S,CustomizeHighlight:V,TargetOffset:U,Horizontal:an,OnChange:Q},setup(){return{}}});function hn(g,o,e,c,p,l){const f=a("basic"),y=a("horizontal"),b=a("static"),B=a("on-click"),v=a("customize-highlight"),G=a("target-offset"),w=a("on-change"),J=a("demo-sort");return i(),d(J,null,{default:s(()=>[r(f),r(y),r(b),r(B),r(v),r(G),r(w)]),_:1})}const yn=C(An,[["render",hn]]);export{yn as default};
